<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/评价.css"/>
		<script type="text/javascript" src="js/flexible.js"></script>
		<script type="text/javascript" src="js/jquery-3.1.1.min.js">
			
		</script>
	</head>
	<body>
		<div class="kuang">
			<div class="nav">
				<a id="back" href="javascript:;"></a>
				<p>评价</p>
			</div>
			<div class="ping">
				<ul>
					<li>差评</li>
					<li>中评</li>
					<li>好评</li>
				</ul>
			</div>
			<div class="pingjia">
				<ul>
					<li>
						<span>服务质量：</span>
						<p>
							<img src="img/wujiaoxing@2x.png"/>
							<img src="img/wujiaoxing@2x.png"/>
							<img src="img/wujiaoxing@2x.png"/>
							<img src="img/wujiaoxing@2x.png"/>
							<img src="img/wujiaoxing@2x.png"/>
						</p>
					</li>
					<li>
						<span>服务态度：</span>
						<p>
							<img src="img/wujiaoxing@2x.png"/>
							<img src="img/wujiaoxing@2x.png"/>
							<img src="img/wujiaoxing@2x.png"/>
							<img src="img/wujiaoxing@2x.png"/>
							<img src="img/wujiaoxing@2x.png"/>
						</p>
					</li>
					<li>
						<span>服务态度：</span>
						<p>
							<img src="img/wujiaoxing@2x.png"/>
							<img src="img/wujiaoxing@2x.png"/>
							<img src="img/wujiaoxing@2x.png"/>
							<img src="img/wujiaoxing@2x.png"/>
							<img src="img/wujiaoxing@2x.png"/>
						</p>
					</li>
				</ul>
				<ul id="jishu">
					<li>技术不错</li>
					<li>技术不错</li>
					<li>技术不错</li>
					<li>技术不错</li>
					<li>技术不错</li>
				</ul>
			</div>
			<div class="liu">
				<textarea name="" rows="" cols="" placeholder="说点什么吧"></textarea>
			</div>
			<div class="ti">
				<button  id="ti">提交</button>
			</div>
		</div>
		<script>
			$(function(){
				for(i=0;i<$(".ping ul li").length+1;i++){
					$(".ping ul li").eq(i).click(function(){
						for(i=0;i<$(".ping ul li").length+1;i++){
					$(this).attr("class","xian")
						$(".ping ul li").eq(i).removeAttr("class","xian")
			}
				})
					}
						})
		</script>
		<script>
			$(function(){
				for(i=0;i<$("#jishu li").length+1;i++){
					$("#jishu li").eq(i).click(function(){
						for(i=0;i<$("#jishu li").length+1;i++){
					$(this).attr("class","xiann")
						$("#jishu li").eq(i).removeAttr("class","xiann")
			}
				})
					}
						})
		</script>
	</body>
</html>
